<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<wicket:head>
	<style>
		/*
		<div class="asn-wrapper">
			<div class="asn-upper">
			</div>
			<div class="asn-bottom">
			</div>
		</div>
		*/
		.asn-wrapper{
			width:700px;
			padding-top:10px;
		}
	
		/*
		<div class="asn-stats">
			<div class="asn-statRow clearfix">
				<div class="asn-statName"></div><div class="asn-statVal"></div>
			</div>
			<div class="asn-statRow">
				<div class="asn-statName"></div><div class="asn-statVal"></div>
			</div>
		</div>
		*/
		.asn-stats{
			float:left;
			width:200px;
			padding:5px;
			border:1px solid #DEDDEF;
		}
		.asn-statRow{
			padding:2px;
		}
		.asn-statName{
			width:140px;
			color:#666666;
			font-weight:bold;
			float:left
		}
		.asn-statVal{
			width:50px;
			float:left;
		}
		
		.asn-statOdd{
			background-color:#DEDDEF;
		}
		
		/*form title */
		.asn-formTtl{
			font-weight:bold; 
			color:#666666;
			padding-bottom:5px;
		}
	</style>
</wicket:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</head>
<body>
<wicket:panel>
				<form wicket:id="asnCreateForm">
					<input type="hidden" wicket:id="hAsnStartDate"/>
					<input type="hidden" wicket:id="hAsnEndDate"/>
					<input type="hidden" wicket:id="hAsnLateDate"/>
					
					<div class="es-univMainWell">  	
                        <!-- subtitle -->
                        <div style="padding-left:12px;"><a href="#">All Assignments</a>&nbsp;&gt;&nbsp;<label>Create or Edit Assignment</label></div>
                        <div style="border-bottom:1px solid #DEDDEF; width:500px;padding:0px 10px 5px;color:#666666;">
                        	<h2>Edit Assignment</h2>
              			</div>
                        <div class="asn-wrapper">
                        	<!-- URL -->
                        	<!-- to be implemented later
                        	<div style="border:1px dotted #DEDDEF;background-color:#EEF; padding:5px;margin-bottom:5px;">URL to this assignment: <a href="#">http://192.168.0.169/educreek/assignment/963</a></div>
                             -->
                             
                            <!-- Assn Title -->
                            <div style="padding-bottom:10px;">
                            	<div class="asn-formTtl">Assignment Title</div>
                                <div><input wicket:id="asnTitle" type="text" style="width:700px;border:1px solid #EEEEEE;" /></div>
                            </div>
                            
                            <!-- Assn Desc -->
                            <div style="padding-bottom:10px;">
                            	<div class="asn-formTtl">Assignment Description</div>
                                <textarea wicket:id="asnDesc" class="es-text tinymce" style="width:700px; font-size:12px;border:1px solid #EEEEEE;overflow:hidden;" rows="15"></textarea>
                            </div>
                            <!-- Schedule -->
                            <div class="clearfix">
                                <div style="padding-bottom:10px;background-color:#EEEEEE;padding:5px;width:350px;height:100px; float:left">
                                    <div class="asn-formTtl">Submission Schedule</div>
                                    <div style="padding-left:20px;">
                                        <div style="color:#666666;margin-bottom:10px;">
                                            Start Date:&nbsp;<input readonly="readonly" id="asnStartDate" style="width:70px" />
                                            &nbsp;&nbsp;
                                            End Date:&nbsp;<input readonly="readonly" id="asnEndDate" style="width:70px" />
                                        </div>
                                        <div style="color:#666666;margin-bottom:10px;border:1px solid #FFF;padding:5px; width:300px;">
                                            <input wicket:id="asnLateCheck" type="checkbox" />&nbsp;Allow late submissions.
                                            <div style="padding-left:23px;">
                                            Last Date for Late Submission:&nbsp;<input id="asnLateDate" readonly="readonly" style="width:70px;" disabled="disabled" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                
                                <div style="padding-bottom:10px;background-color:#EEEEEE;padding:5px;width:300px;height:100px;float:right;margin-left:10px;">
                                    <div style="color:#666666;">
                                    	<span style="float:left;vertical-align:middle;"></span>
                                        <span style="vertical-align:middle;font-weight:bold;">Grading System</span>
                                        <div style="padding-left:20px;margin-top:5px;">
                                        	<div>
	                                        	<div style="padding:2px 0px;" class="clearfix">
	                                        		<dl>
	                                        			<dt style="width:150px; float:left;">Maximum Marks</dt>
	                                        			<dd style="width:50px; float:left;"><input wicket:id="maxMarks" type="text" style="width:40px;" /></dd>
	                                        		</dl>
	                                            </div>
	                                            <div style="padding:2px 0px;">
	                                            	<dl>
	                                            		<dt style="width:150px; float:left;">Percentage Weightage</dt>
	                                            		<dd style="width:50px; float:left;"><input wicket:id="weightage" type="text" style="width:40px;" />%&nbsp;</dd>
	                                            	</dl>
	                                            	<div class="clearfix">	
	                                            		<div style="float:left;" class="helpTip"></div>
											        	<div class="tooltip" style="display:none">Percentage of maximum marks of the <em>course</em> that this assignment carries.<br/><br/>E.g. If the maximum marks in the course is 50 and this assignment contributes 2 marks, the percentage weightage would be 4.</div>
										        	</div>
	                                            </div>
	                                        </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Upload Help Files -->
                            <div style="margin-top:10px;border:1px solid #DEDDEF; padding:5px;">
						        <div style="font-weight:bold; color:#666666;margin-bottom:5px;">Upload Help Files</div>
						        <div wicket:id="helpUploadBox">Help File Upload Box!</div>
						    </div>
						    <!-- Upload Solution Files -->
                       		<div style="margin-top:10px;border:1px solid #DEDDEF; padding:5px;">
						        <div style="color:#666666;margin-bottom:5px;"><strong>Upload Solution Files</strong>&nbsp;<em>(These files will be visible to assignees <strong>only after</strong> submission dates are over)</em></div>
						        <div wicket:id="solnUploadBox">Solution File Upload Box!</div>
						    </div>
                            
                            <!-- Buttons -->
                            <div style="padding: 10px 0px 50px; float:right;">
                            	<button type="submit" wicket:id="asnPublishButton" class="es-button ui-state-default ui-corner-all">Publish</button>
                                <span style="width:10px">&nbsp;</span>
                                <button type="submit" wicket:id="asnUpdateButton" class="es-button ui-state-default ui-corner-all">Save As Draft</button>
                                <span style="width:10px">&nbsp;</span>
                                <button type="submit" wicket:id="asnDelButton" class="es-button ui-state-default ui-corner-all">Delete</button>
                                <span style="width:10px">&nbsp;</span>
                                <button type="submit" wicket:id="asnCancelButton" class="es-button ui-state-default ui-corner-all">Cancel</button> 
                            </div>
                        </div>
                    </div>            
                </form>
</wicket:panel>

<wicket:fragment wicket:id="uploadFragment">
	<div>
		<div style="border:1px dashed #DEDDEF; margin:10px; padding:10px;"> 
        	<ul wicket:id="helpFileList" class="norm">
            	<li style="padding-bottom: 10px;" wicket:id="helpFileHolder"><a  wicket:id="helpFileUrl" class="external" href="#">File Name #012</a>&nbsp;&nbsp;[<a wicket:id="delFile" href="#">Delete</a>]</li>
            </ul>
        </div>
        <div wicket:id="uloadPanel">Upload Panel</div>
    </div>
</wicket:fragment>

</body>
</html>